<!doctype html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
    <meta http-equiv="Expires" content="0" />
    <script>
        document.write("<link type='text/css' href='../demo.css?version=" + new Date().getTime() + "' rel='stylesheet' />");
    </script>
</head>
<body style="
width: 100%;
height: 100%;
">
<div class="left" >
     <div id="divPlugin" class="plugin"></div>
</div>
<div class="left" style="visibility: hidden;">
  <fieldset class="login">
    <legend>登录</legend>
    <table  cellpadding="0" cellspacing="3" border="0">
      <tr>
        <td class="tt">IP地址</td>
        <td><input id="loginip" type="text" class="txt" value="192.168.0.29" /></td>
        <!-- <td><input id="loginip" type="text" class="txt" value="10.41.203.83" /></td> -->
        <td class="tt">端口号</td>
<!--        <td><input id="port" type="text" class="txt" value="4430" /></td>-->
        <td><input id="port" type="text" class="txt" value="80" /></td>
      </tr>
      <tr>
        <td class="tt">用户名</td>
        <td><input id="username" type="text" class="txt" value="admin" /></td>
        <td class="tt">密码</td>
<!--        <td><input id="password" type="password" class="txt" value="12345678abc" /></td>-->
         <td><input id="password" type="password" class="txt" value="Apple999" /></td>
      </tr>
      <tr>
        <td class="tt">设备端口</td>
        <td colspan="2"><input id="deviceport" type="text" class="txt" value="8000"/>（可选参数）</td>
        <td>
          窗口分割数&nbsp;
          <select class="sel2" onchange="changeWndNum(this.value);">
            <option value="1" selected>1x1</option>
            <option value="2">2x2</option>
            <option value="3">3x3</option>
            <option value="4">4x4</option>
            <option value="1*2">1x2</option>
            <option value="2*1">2x1</option>
          </select>
        </td>
      </tr>
      <tr>
        <td class="tt">RTSP端口</td>
        <td colspan="3"><input id="rtspport" type="text" class="txt" />（可选参数）</td>
      </tr>
      <tr>
        <td colspan="4">
          <input type="button" id ="login-button" class="btn" value="登录" onclick="clickLogin();" />
          <input type="button"  id ="logout-button" class="btn" value="退出" onclick="clickLogout();" />
          <input type="button" class="btn2" value="获取基本信息" onclick="clickGetDeviceInfo();" />
        </td>
      </tr>
      <tr>
        <td class="tt">已登录设备</td>
        <td>
          <select id="ip" class="sel" onchange="getChannelInfo();getDevicePort();"></select>
        </td>
        <td class="tt">通道列表</td>
        <td>
          <select id="channels" class="sel"></select>
        </td>
      </tr>
      <tr>
        <td>
          <input type="button" id ="realPlay-button" class="btn2" value="开始预览" onclick="clickStartRealPlay();" />
        </td>
        <td>
          <input type="button" class="btn2" value="停止预览" onclick="clickStopRealPlay();" />
        </td>
        <td>
          <input type="button" class="btn2" value="设置文本叠加" onclick="setTextOverlay();" />
        </td>
        <td>
          <input type="button" class="btn2" value="销毁插件" onclick="destroyPlugin();" />
        </td>
      </tr>
      <tr>
        <td>
          <input id="hidPluginButton" type="button" class="btn2" value="隐藏插件" onclick="hidPlugin();" /></td>
        <td>
          <input id="showPluginButton" type="button" class="btn2" value="展示插件" onclick="showPlugin();" /></td>
      </tr>
    </table>
  </fieldset>
</div>
<div class="left" style="visibility: hidden;">
  <fieldset class="preview">
    <legend>预览</legend>
    <table cellpadding="0" cellspacing="3" border="0">
      <tr>
        <td class="tt">码流类型</td>
        <td>
          <select id="streamtype" class="sel">
            <option value="1">主码流</option>
            <option value="2">子码流</option>
            <option value="3">第三码流</option>
            <option value="4">转码码流</option>
          </select>
        </td>

      </tr>
      <tr>
        <td class="tt">音量</td>
        <td>
          <input type="text" id="volume" class="txt" value="50" maxlength="3" />&nbsp;<input type="button" class="btn" value="设置" onclick="clickSetVolume();" />（范围：0~100）
        </td>
        <td>
          <input type="button" class="btn" value="打开声音" onclick="clickOpenSound();" />
          <input type="button" class="btn" value="关闭声音" onclick="clickCloseSound();" />
        </td>
      </tr>
      <tr>
        <td class="tt">对讲通道</td>
        <td>
          <select id="audiochannels" class="sel">

          </select>
          <input type="button" class="btn" value="获取通道" onclick="clickGetAudioInfo();" />
        </td>
        <td>
          <input type="button" class="btn" value="开始对讲" onclick="clickStartVoiceTalk();" />
          <input type="button" class="btn" value="停止对讲" onclick="clickStopVoiceTalk();" />
        </td>
      </tr>
      <tr>
        <td colspan="3">
          <input type="button" class="btn" value="抓图" onclick="clickCapturePic('preview');" />
          <input type="button" class="btn" value="抓图上传" onclick="clickCapturePicData();" />
          <input type="button" class="btn" value="开始录像" onclick="clickStartRecord('realplay');" />
          <input type="button" class="btn" value="停止录像" onclick="clickStopRecord('realplay');" />
        </td>
      </tr>
      <tr>
        <td colspan="3">
          <input type="button" class="btn2" value="启用电子放大" onclick="clickEnableEZoom();" />
          <input type="button" class="btn2" value="禁用电子放大" onclick="clickDisableEZoom();" />
          <input type="button" class="btn2" value="启用3D放大" onclick="clickEnable3DZoom();" />
          <input type="button" class="btn2" value="禁用3D放大" onclick="clickDisable3DZoom();" />
          <input id="fullbtn" type="button" class="btn" value="全屏" onclick="clickFullScreen();" />
        </td>
      </tr>
    </table>
  </fieldset>
</div>
</body>
<script src="../jquery-1.7.1.min.js"></script>
<script id="videonode" src="../codebase/webVideoCtrl.js"></script>
<script src="../cn/demo.js"></script>
</html>
